<template>
    <div class="addMerchant">
        <div class="merchant-info">
            <ul>
                <!-- <li>
                    <span>营业时间</span>
                    <span>{{merchantsData.businessTime}}</span>
                </li> -->
                <li>
                    <span>身份证反面</span>
                    <img :src="merchantsData.cardEnd" alt="">
                    <!-- <span>{{merchantsData.cardEnd}}</span> -->
                </li>
                <li>
                    <span>身份证正面</span>
                    <img :src="merchantsData.cardFront" alt="">
                    <!-- <span>{{merchantsData.cardFront}}</span> -->
                </li>
                <li>
                    <span>站点负责人</span>
                    <span>{{merchantsData.chargePersonName}}</span>
                </li>
                <!-- <li>
                    <span>站点负责人</span>
                    <span><img :src="merchantsData.chargePersonName" align="middle" alt=""></span>
                </li> -->
                <li>
                    <span>负责人电话</span>
                    <span>{{merchantsData.chargePersonPhone}}</span>
                </li>
                <li>
                    <span>入驻状态</span>
                    <span v-if="merchantsData.checkState==0">待审核</span>
                    <span v-if="merchantsData.checkState==1">同意入驻</span>
                    <span v-if="merchantsData.checkState==2">拒绝入驻</span>
                </li>
                <li>
                    <span>创建时间</span>
                    <span>{{merchantsData.createTime}}</span>
                </li>
                <li>
                    <span>冷藏设备图片</span>
                    <img :src="merchantsData.equipmentImage" alt="">
                    <!-- <span>{{merchantsData.equipmentImage}}</span> -->
                </li>
                <li>
                    <span>营业执照图片</span>
                    <img :src="merchantsData.licenseImage" alt="">
                </li>
                <li>
                    <span>站点地址纬度</span>
                    <span>{{merchantsData.lat}}</span>
                </li>
                <li>
                    <span>站点地址经度</span>
                    <span>{{merchantsData.lng}}</span>
                </li>
                <li>
                    <span>邀请码</span>
                    <span>{{merchantsData.invitationCode}}</span>
                </li>
                <li>
                    <span>地址</span>
                    <span>{{merchantsData.shopAdressProvince}} {{merchantsData.shopAdressCity}} {{merchantsData.shopAdressDetail}} {{merchantsData.shopAdress}}</span>
                </li>
                <li>
                    <span>站点logo</span>
                    <span><img :src="merchantsData.shopLogo" align="middle" alt=""></span>
                </li>
                <!-- <li>
                    <span>简介</span>
                    <span>{{merchantsData.siteBrief}}</span>
                </li> -->
                <li>
                    <span>自提点图片</span>
                    <span><img :src="merchantsData.siteImage" align="middle" alt=""></span>
                </li>
                <li>
                    <span>站点名称</span>
                    <span>{{merchantsData.siteName}}</span>
                </li>
                 <li>
                    <span>站点账号</span>
                    <span>{{merchantsData.sitePhone}}</span>
                </li>
                  <li>
                    <span>是否启用</span>
                    <span>{{merchantsData.state==1?'启用':'禁用'}}</span>
                </li>
                <li >
                    <span class="my-btn" @click='goBack' style="width: 64px;margin:20px 0 0 140px;">返回</span>
                    <!-- <span class="my-btn my-back-blue" @click='edit'>编辑</span> -->
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            merchantsData:'',//商家数据展示
        }
    },
    mounted(){
       this.loadShopList()
    },
    methods:{
         loadShopList(){
            var param={
               siteId:this.$route.query.siteId
            }
            this.axios({
                url:'/site/getById',
                method:'post',
                data:JSON.stringify(param),
            }).then(res=>{
                this.merchantsData=res.data.data
             console.log(res,'res')
              console.log(res.data,'res.data')
               console.log(res.data.data,'res.data.data')

               
            })
        },
    //     edit(){
    //    this.$router.push({
    //     path:'/index/editMerchant',
    //     query:{shopId:this.$route.query.shopId}
    //   })
    //     },
         goBack(){
            this.$router.push('/index/headList')
        }
    },
    watch:{
        
    }
}
</script>

<style scoped>
    .addMerchant{
        position: relative;
    }
    .merchant-info ul li{
        margin-top: 15px;
    }
    .merchant-info ul li span{
        display: inline-block;
    }
     .merchant-info ul li span:nth-child(1){
       width: 120px;
       text-align: right;
    }
    .merchant-info ul li span:nth-child(2){
       margin-left: 20px;
    }
     .merchant-info ul li img{
       width: 80px;
    }

</style>